<!DOCTYPE html>
<html lang="en">
<head>
    <title>{$site_seo_title} {$site_name}</title>
    <meta name="keywords" content="{$site_seo_keywords}" />
    <meta name="description" content="{$site_seo_description}">
    <tc_include file="Public:head" />
    <!--common-->
    <link rel="stylesheet" href="__TMPL__Public/css/common.css">
    <link href="__PUBLIC__/TciocEx/css/style-responsive.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="__PUBLIC__/TciocEx/js/html5shiv.js"></script>
    <script src="__PUBLIC__/TciocEx/js/respond.min.js"></script>
    <![endif]-->
    <!-- Placed js at the end of the document so the pages load faster -->
    <script src="__PUBLIC__/TciocEx/js/jquery-1.10.2.min.js"></script>
    <script src="__PUBLIC__/TciocEx/js/bootstrap.min.js"></script>
    <!--轮播和滑动效果-->
    <link rel="stylesheet" href="__PUBLIC__/js/amazeui/amazeui.min.css">
    <link rel="stylesheet" href="__PUBLIC__/js/amazeui.slick/amazeui.slick.css">
    <script src="__PUBLIC__/js/amazeui.slick/slick.js"></script>
    <script src="__PUBLIC__/js/amazeui/amazeui.js"></script>
    <!-- 必须引入的文件 -->
    <link rel="stylesheet" href="__PUBLIC__/js/nprogress/nprogress.css">
    <script src="__PUBLIC__/js/jquery.pjax/jquery.pjax.js"></script>
    <script src="__PUBLIC__/js/nprogress/nprogress.js"></script>
    <style>
        .content1{width: 62.5%;margin: 0 auto}
        .case{width: 40.1%;padding-top: 60px;margin-bottom: 50px;min-width: 751px;float: left}
        .case-titles{font-size: 18px;font-weight:bold;line-height: 28px;text-align: left;padding-top: 12px;width: 50%}
        .case-ch{font-size: 22px;height: 28px;color: #333333}
        .case-en{font-size: 14px;height: 28px;color: #999999}

        .case-content{padding-top: 40px}
        .case-content .img{width: 44.5% !important;display: inline !important;}
        .case-text{width: 52.5%;float: right}
        .p1{font-size: 18px;line-height: 28px;color: #333333}
        .p2{font-size: 14px;line-height: 24px;color: #666666}
        /*.news{ width: 18.75%;right: 18.75%;position: absolute; top: -35%;background-color: #2495e4;min-width: 356px  }*/
        .news{ width: 30%;background-color: #2495e4;min-width: 360px;float: right;margin-top: -10%; }
        .news-title{border-bottom: 1px solid #91caf1; height: 120px;  color: #fff;  padding: 28px 10px 0 10px;}
        .news-ch{font-size: 22px;height: 28px;color: #ffffff;
            border-bottom: 0px !important;}
        .news-en{font-size: 14px;height: 28px;color: #91caf1;float: left !important;}
        .content ul{overflow: hidden;padding: 0;margin: 0}
        .content ul li{height: 90px;list-style-type: none; padding-top: 20px; }
        .list-left{width: 25%;float: left;text-align: center}
        .list-right{width: 70%;float: right}
        .left-p1 , .right-p1 {margin:0 ;font-size: 16px;line-height: 24px;color: #ffffff;font-weight: bold}
        .left-p2 , .right-p2 {margin:0 ;font-size: 14px;line-height: 24px;color: #89bce0}
        .news-active{background-color: #147ac1}

        /*中心介绍*/
        .about{min-width: 1200px;width: 62.5%;background-color: #147ac1;height: 360px;margin: 230px auto auto auto }
        .about-left{width: 50%;float: left}
        .about-left-img{max-width:  100%;margin: -35px auto auto 20px}
        .about-right{width: 39%;float: right;margin-right: 83px}
        .about-title{margin-top: 70px;font-size: 24px;line-height: 28px;color: #ffffff}
        .about-en-title{font-size: 14px;line-height: 28px;color: #91caf1}
        .about-details{font-size: 14px;line-height: 22px;color: #f5f5f5;min-height:130px}
        .about-span{float: right;width: 68px;height: 36px;border: 1px solid #ffffff;z-index: 1000}
        .about-span img{width: 22px;height: 10px;margin:13px 24px}
        /*经典设备*/
        .equipment{  min-width: 1200px;width: 62.5%;margin: 0 auto}
        .equipment a{ color: #333333 }
        .eq-active{background-color: #2495e4 ;color: #ffffff}
        .eq-active a{color: #ffffff}
        .eq-left{float: left}
        .eq-title{font-size: 22px;line-height: 28px;color: #333333}
        .eq-en-title{font-size: 14px;line-height: 28px;color: #999999}
        .eq-right{float: right}
        .eq-right ul li{float: left;list-style:none;height: 36px;width: 115px;text-align: center;font-size: 16px;line-height: 36px;color: #333333}
        .eq_content{width: 100%}
        .eq_content ul li{
            width: 30%;
            height: 360px;
            margin-right: 3%;
            float: left;
            list-style: none;
            border: 0;
            border-bottom: 1px solid #999999;
        }
        .list-img { max-width:  100% ;  max-height: 163px;margin-top: 20px ;margin-bottom: 15px; text-align:center;overflow: hidden  }
        .list-img img{height: 100%;max-width: 100%}
        .title{font-size: 18px;font-weight:bold;line-height: 28px;text-align: center;padding-top: 12px}
        .p1{font-size: 14px;line-height: 24px;color: #999999}
        .eq-list{display: none}
/*合作伙伴*/
        .my-gallery-slick {min-width: 1000px;width: 50%;margin: 0 auto}
        .am-gallery-item{width: 80%}
        .am-gallery-item img{ max-height: 50px}
        /*联系我们*/
        .contact{min-width: 1200px;width: 62.5%;margin: 0 auto }
        .text{width: 60%;margin-left:30%;margin-right: 10%;text-align: left}
        .text h2{font-size: 18px;font-weight: 800;line-height: 60px;color: #ffffff}
        .text p{font-size: 14px;line-height: 24px;color: #989898;margin: 0px}
        .text-span{font-size: 14px;line-height: 24px ; display:inline-block;width: 45px}
        .form{width: 80%;margin-left: 18%;margin-right: 2%;}
        .form input{height: 40px}
        .form_part{border: 0;  border-bottom: 1px solid #999999;border-radius: 0;  font-size: 14px;line-height: 60px;background-color:transparent !important; }
        .submit { width: 100px; font-size: 16px;line-height:60px;color:#999999;background-color: transparent}
        .white_content{
            display: none;
            position: fixed;
            width: 20%;
            top: 20%;
            left: 40%;
            z-index:1002;
            overflow: auto;
        }
        .black_overlay{
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #dddddd;
            z-index:1001;
            -moz-opacity: 0.8;
            opacity:.80;
            filter: alpha(opacity=80);
        }
        .am-slider-a4 .am-control-nav {
            width: 25%;
            position: absolute;
            bottom: auto;
            text-align: center;
            line-height: 0;
            top: -39px;
            right: 0px;
        }
        .am-slider-a4 {
            margin-bottom: 30px;
            -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.2);
            box-shadow: 0 0px 0px rgba(0,0,0,.2);
        }

    </style>
</head>
<body>
<tc_include file="Public:nav" />
<div class="banner">
    <php>
        $index_banner=sp_getslide("banner");
    </php>
    <div data-am-widget="slider" class="am-slider am-slider-b1" data-am-slider='{"controlNav":false}'>
        <ul class="am-slides">
            <volist name="index_banner" id="in" key="k">
                <li>
                    <a href="{$in.slide_url}">
                        <if condition="!empty($in['slide_pic'])">
                            <img src="{:sp_get_image_preview_url($in['slide_pic'])}"  >
                            <else />
                            <img src="__TMPL__Public/images/index/banner2.png">
                        </if>
                    </a>
                </li>
            </volist>
        </ul>
    </div>

</div>
<!--案例 新闻-->
<div class="col-md-12"  style="min-width: 1200px" >
    <!--<div class="content1">-->
        <php>
            $term=sp_get_term(3);
            $term_list=sp_get_child_terms(3);
        </php>
    <div style=" min-width: 1200px;width: 62.5%; margin: auto">
    <!--典型案例-->
        <div class="case">
                <div class="case-titles">
                    <div  class="case-ch">{$term['name']}</div>
                    <div class="case-en">{$term['slug']}</div>
                </div>
            <div data-am-widget="slider" class="am-slider am-slider-a4" data-am-slider='{"directionNav":false}' >
                <ul class="am-slides">
                    <volist name="term_list" id="te" key="k">
                        <php>
                            $id=$te['term_id'];
                            $lists=sp_sql_posts("cid:$id;field:post_title,post_excerpt,object_id,smeta,term_id;order:istop desc,listorder DESC,post_modified DESC;where:recommended=1;");
                            $smeta=json_decode($lists[0]['smeta'],true);
                        </php>
                        <li>
                            <a href="{:leuu('list/index',array('id'=>$te['term_id']))}">
                                <div class="case-content">
                                    <if condition="!empty($smeta['thumb'])">
                                        <img class="img" src="{:sp_get_asset_upload_path($smeta['thumb'])}"  >
                                        <else />
                                        <img class="img" src="__TMPL__Public/images/index/case.png" alt="">
                                    </if>

                                    <div class="case-text" >
                                        <p class="p1">{$lists[0]['post_title']}</p>
                                        <p class="p2">{$lists[0]['post_excerpt']}</p>
                                        <p class="p2" style="width: 16px"><img src="__TMPL__Public/images/index/case-jt.png" alt=""  style="width: 100%"></p>
                                    </div>
                                </div>
                            </a>
                        </li>
                    </volist>
                </ul>
            </div>

        </div>
    <!--新闻动态-->
        <div class="news  " >
            <php>
                $news_tid=6;
                $news_term=sp_get_term($news_tid);
                $news_list=sp_sql_posts_paged_bycatid($news_tid,"order:istop desc,listorder DESC,post_date DESC;where:recommended=1;",5);
            </php>
            <a href="{:leuu('list/index',array('id'=>$news_term['term_id']))}" style="text-decoration:none">
                <div class="news-title" >
                    <div class="news-ch">{$news_term['name']}</div>
                    <div class="news-en">{$news_term['slug']}</div>
                    <div style="width: 35px;float: right;margin-right: 40px;margin-top: -20px"><img src="__TMPL__Public/images/index/news-jt.png" alt="" style="width: 100%"></div>
                </div>
            </a>
            <div class="content">
                <ul style="list-sytle:none">
                    <volist name="news_list['posts']" id="new" key="k" offset="0" length='5' >
                       <li>
                            <div class="list-left" style="width: 25%;float: left">
                                <div style="height: 55px;width: 70px;margin: 0 auto;background-color: #147ac1">
                                    <p class="left-p1" > <php>echo date('m-d ',strtotime($new['post_date']));</php></p>
                                    <p class="left-p2" ><php>echo date('Y',strtotime($new['post_date']));</php></p>
                                </div>
                            </div>
                            <a href="{:leuu('article/index',array('id'=>$new['object_id'],'cid'=>$new['term_id']))}">
                                <div  class="list-right" style="width: 70%;float: right">
                                    <p  class="right-p1" >{:msubstr($new['post_title'],0,13)}</p>
                                    <p class="right-p2" >{:msubstr($new['post_excerpt'],0,20)} </p>
                                </div>
                            </a>
                        </li>
                    </volist>

                </ul>
            </div>
        </div>
    </div>
</div>
<!--中心介绍-->
<div class="col-md-12" style="background-image: url('__TMPL__Public/images/index/us-b.png');width: 100%;height: 410px;margin-top: 80px">
    <php>
        $about_tid=1;
        $about_term=sp_get_term($about_tid );
        $about_us=sp_getslide("about_us");
    </php>
    <div class="about">
        <div class="about-left" >
            <if condition="!empty($about_us[0]['slide_pic'])">
                <img class="about-left-img"  src=" {:sp_get_image_preview_url($about_us[0]['slide_pic'])}"  >
                <else />
                <img class="about-left-img"   src="__TMPL__Public/images/index/about.png" alt="">
            </if>
        </div>

        <div class="about-right"  >
            <a href="{:leuu('list/index',array('id'=>$about_term['term_id']))}"><div class="about-title">{$about_term['name']}</div></a>
            <div  class="about-en-title">{$about_term['slug']}</div>
            <p  class="about-details">{:msubstr($about_us[0]['slide_content'],0,82)}  </p>
            <p>
                <a href="{:leuu('list/index',array('id'=>$about_term['term_id']))}">
                    <span  class="about-span" >  <img   src="__TMPL__Public/images/index/about-jt.png" alt=""> </span>
                 </a>
            </p>
        </div>
    </div>
</div>
<!--经典设备-->
<div class="col-md-12" style="margin-top: 260px;">
    <php>
        $ab_tid=2;
        $term_id=$_GET['id'];
        $about_tid =$term_id?$term_id:$ab_tid;
        $term=sp_get_term($about_tid );//获取当前分类信息
        $path=preg_split("/-|and/", $term['path']);
        $term_list=sp_get_child_terms($path['1']);
        $terms=sp_get_term($path['1']);//获取一级分类信息
        $term_name=sp_get_term($path['2'] );//获取二级分类信息


    </php>
    <div class="equipment" >
        <div style="height: 56px">
            <div class="eq-left">
                <div class="eq-title">{$terms['name']}</div>
                <div class="eq-en-title">{$terms['slug']}</div>
            </div>
            <div class="eq-right">
                <ul>
                    <volist name="term_list" id="eq" key="k">
                        <li   class="eq-a  <eq name='k' value='1'> eq-active</eq>">
                             <a href="javascript:void(0);"  data-tid='{$k}'     onclick="eq_list(this)"  style="text-decoration: none" >{$eq.name}</a>
                        </li>
                    </volist>
                    <li><a href="{:leuu('list/index',array('id'=>$terms['term_id']))}"><img src="__TMPL__Public/images/index/eq-jt.png" alt=""></a></li>
                </ul>
            </div>
        </div>
        <volist name="term_list" id="eq" key="k" >
            <div class="eq_content <neq name='k' value='1'> eq-list </neq > " id="{$k}"  >
                <php>
                    $l_id=$eq['term_id'];
                    $lists=sp_sql_posts_paged_bycatid($l_id,"order:istop desc,listorder DESC,post_modified DESC;where:recommended=0;",6,"{liststart}{list}{listend}");
                </php>
                <ul>
                    <volist name="lists['posts']" id="vo" key="k">
                        <php> $smeta=json_decode($vo['smeta'],true);</php>
                        <li>
                            <a href="{:leuu('article/index',array('id'=>$vo['object_id'],'cid'=>$vo['term_id']))}"  style="text-decoration: none" >
                                <div class="list-img">
                                    <if condition="!empty($smeta['thumb'])">
                                        <img src="{:sp_get_asset_upload_path($smeta['thumb'])}"  height="100%" >
                                        <else />
                                        <img src="__TMPL__Public/images/equipment/list1.png" alt="" height="100%">
                                    </if>

                                </div>
                                    <p class="title">{$vo.post_title}</p>
                                    <p class="p1">{:msubstr($vo['post_excerpt'],0,45)}</p>
                            </a>
                        </li>
                    </volist>
                </ul>
            </div>
        </volist>
    </div>
</div>

<!--合作伙伴-->
<div class="col-md-12  " style="height: 140px;margin-top: 140px">
    <php>$partner=sp_getlinks(1,"" ); </php>
    <ul data-am-widget="gallery" class="am-gallery am-avg-sm-2 my-gallery-slick
      am-avg-md-3 am-avg-lg-4 am-gallery-default" data-am-gallery="{ pureview: false }"  >
        <volist name="partner" id="pa" key="k" >
            <li>
               <div class="am-gallery-item">
                    <a href="{$pa.link_url}" class="" target="{$pa.link_target}" >
                        <if condition="!empty($pa['link_image'])">
                            <img src="{:sp_get_asset_upload_path($pa['link_image'])}"   >
                            <else />
                            <img src="__TMPL__Public/images/index/link.png"   alt=""/>
                        </if>
                    </a>
               </div>
            </li>
        </volist>
    </ul>
</div>
<!--留言-->
<div class="col-md-12" style="height: 460px;background-color: #333333;margin-bottom: 40px">
    <div class="contact" style="height: 460px">
        <div class="left_content col-lg-6 col-md-6 " style="padding-top: 100px" >
            <div class="text" >
                <h2>{:tcioc_get_contact_us_info("name")}</h2>
                <p><span class="text-span">地点：</span>{:tcioc_get_contact_us_info("address")}</p>
                <p><span class="text-span">邮箱：</span>{:tcioc_get_contact_us_info("email")}</p>
                <p><span class="text-span" >电话：</span>{:tcioc_get_contact_us_info("tel")}</p>
                <p> <span class="text-span" >网站：</span>{:tcioc_get_contact_us_info("web1")}</p>
                <p><span class="text-span" ></span>{:tcioc_get_contact_us_info("web2")}</p>
                <div style="margin-top: 30px">
                    <span  style="margin-right: 10px"><a href="{:tcioc_get_contact_us_info('weibo')}" target="_blank" ><img src="__TMPL__Public/images/index/wb.png" alt=""></a></span>
                    <span style="margin-right: 10px" ><a href="http://wpa.qq.com/msgrd?v=3&amp;uin={:tcioc_get_contact_us_info('qq')}&amp;site=qq&amp;menu=yes" target="_blank" ><img src="__TMPL__Public/images/index/qq.png" alt=""></a></span>
                    <span><a href="#" onclick="openWindow(this)" ><img src="__TMPL__Public/images/index/wx.png" alt=""></a></span>
                </div>
            </div>
        </div>
        <div class="right_content col-lg-6 col-md-6" style="padding-top: 100px">
            <div  class="form">
                <form action="{:U('api/guestbook/addmsg')}" class="js-ajax-form form-horizontal adminex-form" method="post">
                    <div class="row" style="margin-bottom:30px;">
                        <div style="width: 30%;margin-right: 3%;float: left;">
                            <input class="form-control form_part"  type="text" name="full_name" datatype="" placeholder="姓名" >
                        </div>
                        <div style="width: 30%;margin-right: 3%;float: left;">
                            <input class="form-control form_part"  type="text" name="email" datatype="" placeholder="邮箱" >
                        </div>
                        <div style="width: 32%;float: left;">
                            <input class="form-control form_part"  type="text" name="phone" datatype="" placeholder="电话" >
                        </div>
                        <div style="clear: both"></div>
                    </div>

                    <div class="row" style="margin-bottom:30px;">
                        <div class="form-group col-md-12" style="margin: 0;padding: 0;">
                            <textarea class="form-control form_part"  style="height: 130px" type="text"  name="msg" datatype="" placeholder="内容" ></textarea>
                        </div>
                    </div>
                    <button  type="submit" class="submit  js-ajax-submit" style="border: 1px solid #999999">

                        提交
                    </button>

                </form>
            </div>
        </div>
    </div>
</div>
<!--底部-->
<div class="footer">
    <php>$links=sp_getlinks(2,"" ); </php>
    <div  style="min-width: 1200px;width: 60%;margin: 0 auto;">
        <div class="fl" style="color: #ffffff" >友情链接：
            <volist name="links" id="li" key="k" >
                 <a style="color: #ffffff;padding-left: 10px;text-decoration: none"  target="{$li.link_target}" href="{$li.link_url}">{$li.link_name}</a>
            </volist>
        </div>
        <span class="fr" >{$site_copyright} -  {$site_icp} </span>{$site_tongji}
    </div>
</div>
<div  class="right" style="float: right">
    <ul style="list-style-type:none; ">
        <li><a href="{:leuu('page/index',array('id'=>43))}"><img src="__TMPL__Public/images/right/ly_1.png" alt=""></a></li>
        <li><a  href="http://wpa.qq.com/msgrd?v=3&amp;uin={:tcioc_get_contact_us_info('qq')}&amp;site=qq&amp;menu=yes" target="_blank"  ><img src="__TMPL__Public/images/right/qq_1.png" alt=""></a></li>
        <li><a  href="#" onclick="openWindow(this)" ><img src="__TMPL__Public/images/right/weixin_1.png" alt=""></a></li>
        <li><a href=""><img src="__TMPL__Public/images/right/d_1.png" alt=""></a></li>
    </ul>
</div>
<img  id="light_wechat" class="white_content" onClick="closeWindow()" src="{:sp_get_asset_upload_path(tcioc_get_contact_us_info('weixin_img'))}" width="100%">
<div id="fade" class="black_overlay"   onClick="closeWindow()"></div>
</body>
</html>
<script>
    $('.my-gallery-slick').slick({"slidesToShow": 8,"slidesToScroll": 8});
</script>
<!--微信二维码-->
<script>
    function openWindow(obj){
        $('#light_wechat').css("display",'block');
        $('#fade').css("display",'block');
    }
    function closeWindow(){
        $('#light_wechat').css("display",'none');
        $('#fade').css("display",'none');
    }
    function openWindowpc(obj){
        $('#light_wechat_pc').css("display",'block');
        $('#fade').css("display",'block');
    }
</script>
<!--设备介绍-->
<script>
    function eq_list($_obj){
        var tid=$($_obj).data("tid");
        $('.eq_content').css("display",'none');
        $('#'+tid+'').css("display",'block');
    }
    $(".eq-a  a").click(function(){
        $(".eq-a ").removeClass('eq-active');
        $(this).parent().addClass('eq-active');
    });


</script>
<script>
    $(function(){
        /* 使用pjax + NProgress 插件  */
        //$(document).pjax('a[data-pjax="true"]',"#content",{scrollTo:false,type:"post"});
        $.pjax.defaults.timeout = 3000;
        $(document).pjax('a[data-pjax="true"]',".equipment",{scrollTo:false,type:"post",fragment:('.equipment'),show:'fade'});
        NProgress.configure({showSpinner: false});
        NProgress.start();
        $(window).load(function() {NProgress.done();});
        $(document).on('pjax:start', function() { NProgress.start(); });
        $(document).on('pjax:end',   function() { NProgress.done(); });
    });
</script>
<tc_include file="Public:scripts" />